<div nz-row style="height: 50px;background: blue">
  <div class="ml-3">
    <img alt="" src="../../../assets/broadtech-logo.png" style="height: 50px;margin-left: 10px">
  </div>
</div>
<div style="margin-left: 200px;margin-right: 200px">
  <div align="center">
    <img src="assets/nine.jpeg" style="border-radius:10px;width: 400px;height: 300px;margin-top: 20px">
  </div>
  <nz-card style="margin-top: 20px">
    <div class="readable">
      九型人格（Enneagram），又名性格型态学、九种性格。是婴儿时期人身上的九种气质，包括活跃程度；规律性；主动性；适应性；感兴趣的范围；反应的强度；心景的素质；分心程度；专注力范围/持久性。它是一个近年来倍受美国斯坦福等国际著名大学MBA学员推崇并成为现今最热门的课程之一，近十几年来已风行欧美学术界及工商界。全球500强企业的管理阶层均有研习九型性格，并以此培训员工，建立团队，提高执行力。<br><br>根据中国九型人格的介绍，美国亚力山大·汤马斯医生（Dr.
      Alexander Thom 九型人格as ）和史黛拉·翟斯医生（Dr. Stella Chess） 在他们1977年出版“气质和发展”（“Temperament and
      Development”）一书里面提到，我们可以在出生后第二至第三个月的婴儿身上辨认出九种不同的气质（Temperament），它们是：<br>　　活跃程度；规律性；主动性；适应性；感兴趣的范围；反应的强度；心景的素质；分心程度；专注力范围/持久性。<br>戴维·丹尼尔斯（David
      Daniels）则发现这九种不同的气质刚好和九型人格相配。<br><br>九型人格不仅仅是一种精妙的性格分析工具，更主要的是为个人修养与自我提升、历练提供深入的洞察力，
      与当今其它性格分类法不同，九型性格揭示了人们内在最深层的价值观和注意力焦点，它不受表面的外在行为的变化所影响。
      它可以让人真正地知己知彼，可以帮助人明白自己的个性，从而完全接纳自己的短处、活出自己的长处；可以让人明白其它不同人的个性类型，从而懂得如何与不同的人交往沟通及融洽相处，与别人建立更真挚、和谐的合作伙伴关系。<br><br>九型人格测试主要用于帮助你有效地掌握个人的行为习惯，测试中所回答的问题答案没有好与坏之分、没有正确与错误之别，它仅是反映你自己的个性和你的世界观。测评问卷将有助于你更好地了解自身的优势和弱点，并知道在何种情形下你的行动将更为有效。同时，你还可以通过测评结论知道他人是如何看待他们自己的，以及相互间又是如何相处影响的。<br>
    </div>
  </nz-card>
  <div style="margin-top: 20px" align="center">
    <form nz-form [formGroup]="registerForm" [nzLayout]="'inline'">
      <nz-form-item>
        <nz-form-label>姓名</nz-form-label>
        <nz-form-control>
          <input nz-input formControlName="user_name">
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label>邮箱</nz-form-label>
        <nz-form-control [nzErrorTip]="emailErrorTpl" nzHasFeedback>
          <input nz-input formControlName="email" type="email">
          <ng-template #emailErrorTpl let-control>
            {{ control.errors?.email }}
          </ng-template>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label>电话号码</nz-form-label>
        <nz-form-control [nzErrorTip]="phoneNumberTpl" nzHasFeedback>
          <input nz-input formControlName="phone_number" type="tel">
          <ng-template #phoneNumberTpl let-control>
            {{ control.errors?.phone_number }}
          </ng-template>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <button nz-button nzType="primary" style="margin-top: 3px" (click)="startTest()" [disabled]="!registerForm.valid">开始测试</button>
      </nz-form-item>
    </form>
  </div>
  <nz-card style="margin-top: 20px" *ngIf="questions && infoTag">
    <div *ngFor="let questionItem of questions; let index=index">
      <span>{{index + 1}}. {{questionItem.question}}</span>
      <br>
      <br>
      <nz-radio-group>
        <label nz-radio [ngModel]="null" (ngModelChange)="chooseYes($event, questionItem.value, index)" [nzValue]="questionItem.value">是</label>
        <label nz-radio [ngModel]="null" (ngModelChange)="chooseYes($event, 0, index)" [nzValue]="0">否</label>
      </nz-radio-group>
      <nz-divider></nz-divider>
    </div>
  </nz-card>
  <div align="center" *ngIf="infoTag" style="margin-top: 30px;margin-bottom: 30px">
    <button nz-button nzType="primary" (click)="commit()" [disabled]="">提交</button>
  </div>
</div>


